<div class="line-1">
    <div class="userinfo2">
        <span class="ui-account">--</span> 您好！
        <div>欢迎使用<span></span>后台管理系统 <br/>
        您的登录IP是：<span class="ip">--</span></div>
    </div>

    <div class="try-front">
        <button>
            <img src="images/pc.png"/> <span>网站前端</span>
        </button>
    </div>

    <div class="try-back">
        <button>
            <img src="images/ht.png"/> <span>试玩后台</span>
        </button>
    </div>
    <div class="clear"></div>
</div>

<ul class="am-avg-sm-6 line-2">
    <li class="charge-count"><div>
        <span>今日充值会员</span>
        <label>--个</label>
    </div></li>
    <li class="charge-count2"><div>
        <span>昨日充值会员</span>
        <label>--个</label>
    </div></li>
    <li class="in"><div>
        <span>资金流入</span>
        <label>--</label>
    </div></li>
    <li class="out"><div>
        <span>资金流出</span>
        <label>--</label>
    </div></li>
    <li class="game-count"><div>
        <span>游戏数量</span>
        <label>--</label>
    </div></li>
    <li class="online"><div>
        <span>在线人数</span>
        <label>--</label>
    </div></li>
    <!--
    <li class="online2"><div>
        <span>昨日在线人数</span>
        <label>--</label>
    </div></li> -->
</ul>

<div class="oper-title">操作说明</div>
<div class="oper-content">
    <div>
        <label><span>01</span>常规</label>
        <p>站点名称：修改后在浏览器标签页显示对应的&#8220;站点名称&#8221;； <br />
          打水倍数：默认下为1倍，所有的充值入款都要完成&#8220;打水倍数&#8221;设定&#8220;入款金额*打水倍数&#8221;的有效投注，系统才允许出款； <br />
          网站公告：设置在网站首页公告栏轮循播放的消息内容； <br />
          角色管理：设置定义前端玩家和后台操作人员； <br />
          权限管理：设置&#8220;角色管理&#8221;中后台操作人员的相应操作功能； <br />
        后台子账号：本系统现有后台操作员的汇总列表； </p>
    </div>
    <div>
        <label><span>02</span>财务</label>
        <p>打水编辑：所有充值入款都对应&#8220;常规&#8221;里默认设置的&#8220;打水倍数&#8221;；后台操作人员可以根据实际运营需要，通过&#8220;打水编辑&#8221;改变指定会员的&#8220;打水余额&#8221;，当&#8220;打水余额&#8221;为&#8220;0&#8221;时，用户可以申请提款； <br />
          打水记录：记录后台操作人员对&#8220;打水余额&#8221;编辑的条目，并且&#8220;打水编辑&#8221;里的操作需通过&#8220;打水记录&#8221;里进行审核； <br />
          余额变更：设置了&#8220;人工充值&#8221;、&#8220;奖励发放&#8221;、&#8220;惩罚扣款&#8221;3种操作方式； <br />
          对于会员真实入款，由于客观原因导致未到账，查询属实，请通过&#8220;人工充值&#8221;给会员添加相应额度，此记录统计到运营盈亏报表的&#8220;资金流入&#8221;；此操作对应&#8220;充值记录&#8221;； <br />
          对于活动优惠、彩金，请通过&#8220;奖励发放&#8221;给会员添加额度，此记录不统计到运营盈亏报表的&#8220;资金流入&#8221;，对应统计到盈亏报表的&#8220;奖励总额&#8221;；此操作对应&#8220;充值记录&#8221;； <br />
          对于误操作出款、误操作增加额度等，请通过&#8220;惩罚扣款&#8221;减掉会员额度，此记录不统计到运营盈亏报表的&#8220;资金流出&#8221;，对应统计到盈亏报表的&#8220;惩罚总额&#8221;；此操作对应&#8220;扣款记录&#8221;； <br />
          充值记录：所有入款的条目汇总； <br />
          提款记录：所有出款的条目汇总； <br />
        账变记录：会员额度上变动的条目汇总；</p>
    </div>
    <div>
        <label><span>03</span>运营</label>
        <p>
            通过&#8220;报表管理&#8221;里根据时间、角色区分的统计子项报表以及&#8220;投注记录&#8221;，了解整个平台的资金出入汇总、充值汇总、会员增加减少等运营状态。通过相关的数据制定下一步的运营推广计划。 </p>
    </div>
    <div>
        <label><span>04</span>彩种管理</label>
        <p>平台线上10种官方高频彩，6种自主高频彩； <br />
          管理员可以通过&#8220;游戏管理&#8221;自主设置各彩种的赔率、额度； <br />
          管理员可以在&#8220;历史开奖&#8221;内，根据实际运营，通过&#8220;重新开奖&#8221;、&#8220;撤单&#8221;，针对具体彩种具体期数进行投注注单的&#8220;撤消&#8221;； <br />
        管理可以在&#8220;游戏开奖&#8221;内，自主设定具体彩种具体期数的开奖结果； </p>
    </div>
    <div>
        <label><span>05</span>充值配置</label>
        <p>平台提供自主配置多种入款方式，可以根据实际运营需求增加、减少入款方式；可以对应&#8220;角色管理&#8221;里相应的会员组自行配置指定入款方式； </p>
    </div>
    <div>
        <label><span>06</span>日志管理</label>
        <p>&#8220;登录日志&#8221;统计&#8220;角色管理&#8221;里的相应角色所有登录过程的时间、IP、终端、域名等信息；可以通过IP稽核交叉登录过的会员账号； <br />
        &#8220;操作日志&#8221;统计后台操作者所有的操作指令。 </p>
    </div>
</div>

<style type="text/css">
    .line-1 {
        background-color: #e5e5e5;
        height: 110px;
        background-image: url("images/index_top_bg.png");
        background-repeat: no-repeat;
        background-position-x: right;
    }
    .userinfo2 {
        float: left;
        width: 430px;
        border-right: 1px solid #c7c7c7;
        font-size: 14px;
        margin: 10px 0px 0px 20px;
        color: #000;
        font-size: 18px;
        line-height: 30px;
    }
    .userinfo2 span {
        color: #33aebd;
    }
    .userinfo2 div {
        font-size: 14px;
        color: #646363;
    }
    .try-front {
        float: left;
        padding: 34px 0px 0px 30px;
    }
    .try-back {
        float: left;
        padding: 34px 0px 0px 40px;
    }
    .try-front button, .try-back button {
        line-height: 48px;
        width: 200px;
        padding: 0px;
        background-color: #35adbd;
        border: 0px;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
    }

    .line-2 {
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        margin-top: 5px;
    }
    .line-2 li {
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 30px;
    }
    .line-2 li div {
        margin: 5px;
        padding: 10px 0px 10px 0px;
        border-radius: 4px;
    }
    .line-2 li span {
        font-size: 14px;
    }
    .line-2 li label {
        display: block;
        font-size: 18px;
    }
    .line-2 li.charge-count div {
        background-color: #ff8379;
    }
    .line-2 li.charge-count2 div {
        background-color: #f19601;
    }
    .line-2 li.in div {
        background-color: #35adbd;
    }
    .line-2 li.out div {
        background-color: #8101a0;
    }
    .line-2 li.game-count div {
        background-color: #189201;
    }
    .line-2 li.online div {
        background-color: #0181ca;
    }
    .line-2 li.online2 div {
        background-color: #b02100;
    }

    .oper-title {
        margin: auto;
        margin-top: 10px;
        width: 148px;
        color: #fff;
        font-size: 16px;
        background-color: #35adbd;
        border-radius: 4px;
        text-align: center;
        line-height: 32px;
    }
    .oper-content div label {
        color: #35adbd;
        line-height: 40px;
        font-size: 16px;
    }
    .oper-content div label span {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
    }
    .oper-content div p {
        margin: 0px 15px 15px 10px;
        font-size: 14px;
    }
</style>

<script>
    // 试玩后台，显示做点区分
    window._tryOnly = parent.window._tryOnly;
    if (window._tryOnly) {
        $(".try-front span").html("试玩前端");
        $(".try-back").hide();
    }
    if (window.bocai) {
        $(".try-back").hide();
        $(".try-front").hide();
    }
    Classify.query("settings", "title", false, "", function(v) {
        $(".userinfo2 div span").html(v);
    });
    
    ME.query(function() {
        $(".userinfo2 span.ui-account").html(context.user.user.mobile);
        $(".userinfo2 span.ip").html(context.user.user.ip || '');
        if (context.user.user.ip) {
            CMD.ip_info(context.user.user.ip, function(r) {
                $(".userinfo2 span.ip").html(context.user.user.ip + "(" + r.addr + ")");
            });
        }
    });

    if (window._tryOnly) {

    }
    $(".try-front button").click(function() {
        if (_tryOnly)
            window.open("{{TRY_FRONT}}");
        else
            window.open("{{FRONT}}");
    });
    $(".try-back button").click(function() {
        window.open(context.config.tryUrl + 'admin_try/login.html');
    });
    if (window.bocai) {
        $(".try-front").hide();
    }
    if (urlInfo.params.try == 1) $(".try-back").hide();

    var today = new Date().Format("yyyy-MM-dd");
    CMD.stat_sum_dquery(today, today, function(r) {
        var d = r[0];
        if (!d) return;
        $(".charge-count label").html((d.userDeposit || 0) + '个');
        $(".in label").html(((d.deposit.total || 0)/100).toFixed(2));
        $(".out label").html(((d.withdraw || 0)/100).toFixed(2));
    });

    var today = new Date().getTime() - 24 * 3600 * 1000;
    today = new Date(today).Format("yyyy-MM-dd");
    CMD.stat_sum_dquery(today, today, function(r) {
        var d = r[0];
        if (!d) return;
        $(".charge-count2 label").html((d.userDeposit || 0) + '个');
    });

    // 游戏数量
    $(".game-count label").html(get_game_list().length + '个');

    // 当前在线人数
    CMD.user_online_query({ pageSize: 1, pageNum: 1, }, function(r) {
        $(".online label").html(r.count);
    });
</script>